<template>
  <div class='container'>
        <div class='app-row m-20-t'>
          <span class="title bold width-120">门店logo:</span>
          <el-image :src='logo' style='width: 200px;height: 200px;'></el-image>
        </div>
        <div class='app-row m-20-t'>
          <span class="title bold width-120">门店id:</span>
          <span class='flex-1'>{{detail_data.id}}</span>
        </div>
        <div class='app-row m-20-t'>
          <span class="title bold width-120">门店名:</span>
          <span class='flex-1'>{{detail_data.true_name}}</span>
        </div>
        <div class='app-row m-20-t'>
          <span class="title bold width-120">电话:</span>
          <span class='flex-1'>{{detail_data.mobile}}</span>
        </div>
        <div class='app-row m-20-t'>
          <span class="title bold width-120">地址:</span>
          <span class='flex-1'>{{detail_data.address}}</span>
        </div>
        <div class='app-row m-20-t'>
          <span class="title bold width-120">所属商圈:</span>
          <span class='flex-1'>{{detail_data.biz_name}}</span>
        </div>







  </div>
</template>

<script>

  import shop_request from "@/api/shop_request"
  export default {
    name: 'shop_detail',
    data() {
      return {
        uid: '',
        shop_name: '',
        detail_data: {},
        logo: '',
      }
    },
    created() {
      this.get_detail(this.$route.query.id)
    },
    mounted() {
  
    },
    methods: {
      get_detail(id) {
        shop_request.detail_shop({id}, res=> {
          let result = res.data
          this.logo = result.logo
          this.detail_data = result

        })
      },



      handleClick(tab, event) {
        
      },

    }
  }
</script>

<style scoped>
@import "~@/styles/layout.scss";
</style>